button {
	cursor: pointer;
}

.xuanfushou {
	cursor: pointer;
}

/* ------------------------------------资料领取------------------------------------ */
@media (min-width:1200px){
	.L5 {

		/* max-width: 1920px; */
		margin: 0 auto;
		height: 696px;
		background: url(/static/assets_zk/img/picture/img-b/ZiLiaoLingQu-Bg.png) no-repeat;
		background-position: center center;
		background-size: 100% 100%;
	}

	.L5 .banXin {
		width: 1200px;
		margin: 0 auto;
		position: relative;
	}

	.L5 .banXin .download-title {
		width: 697px;
		height: 59px;
		font-size: 44px;
		font-weight: bold;
		line-height: 35px;
		color: #333333;
		opacity: 1;
		position: absolute;
		top: 50px;
		left: 265px;
	}

	.L5 .banXin .download-slogan {
		width: 400px;
		height: 47px;
		font-size: 36px;
		font-weight: bold;
		line-height: 20px;
		color: #191919;
		opacity: 1;
		position: absolute;
		left: 85px;
		top: 210px;
	}

	.L5 .banXin .download-text {
		width: 378px;
		height: 49px;
		font-size: 16px;
		font-weight: 400;
		line-height: 28px;
		color: #666666;
		opacity: 1;
		position: absolute;
		left: 85px;
		top: 275px;
	}

	.L5 .banXin .download-iOS-btn:hover {
		width: 174px;
		height: 46px;
		border: 1px solid #FFFFFF;
		background: linear-gradient(180deg, #FEC267 0%, #E84C2D 100%);
		opacity: 1;
		border-radius: 23px;
		position: absolute;
		left: 85px;
		top: 375px;
		display: flex;
	}

	.L5 .banXin .download-iOS-btn {
		color: #333333;
		width: 174px;
		height: 46px;
		border: 1px solid #333333;
		border-radius: 23px;
		position: absolute;
		left: 85px;
		top: 375px;
		display: flex;
	}

	.L5 .banXin .download-iOS-btn .down-apple-icon {
		width: 20px;
		height: 25px;
		background: url(/static/assets_zk/img/picture/img-b/Apple.png);
		position: absolute;
		left: 28px;
		top: 8px;
	}

	.L5 .banXin .download-iOS-btn .download-iOS-inner-box {
		width: 75px;
		height: 26px;
		font-size: 19px;
		font-weight: 400;
		line-height: 21px;
		opacity: 1;
		margin-left: 62px;
		margin-top: 10px;
		color: #333333;
	}

	.L5 .banXin .download-android-btn {
		width: 174px;
		height: 46px;
		border: 1px solid #333333;
		border-radius: 23px;
		position: absolute;
		left: 85px;
		top: 435px;
		display: flex;
	}

	.L5 .banXin .download-android-btn:hover {
		color: #fff;
		background: linear-gradient(180deg, #FEC267 0%, #E84C2D 100%);
		border: 1px solid #FFFFFF;
		width: 174px;
		height: 46px;
		border-radius: 23px;
		position: absolute;
		left: 85px;
		top: 435px;
		display: flex;
	}

	.L5 .banXin .download-android-btn .download-android-inner-box {
		width: 114px;
		height: 26px;
		font-size: 19px;
		font-weight: 400;
		line-height: 21px;
		color: #333333;
		opacity: 1;
		margin-left: 45px;
		margin-top: 10px;
	}

	.L5 .banXin .download-android-btn .down-android-icon {
		width: 18px;
		height: 20.5px;
		background: url(/static/assets_zk/img/picture/img-b/Android.png);
		position: absolute;
		top: 10px;
		left: 16px;
	}

	.L5 .banXin .download-QRcode {
		width: 110px;
		height: 110px;
		background: url(/static/assets_zk/img/picture/img-b/QR-code.png);
		position: absolute;
		left: 320px;
		top: 375px;
	}

	.L5 .banXin .download-big-photo {
		width: 661px;
		height: 457px;
		background: url(/static/assets_zk/img/picture/img-b/Mockup.png);
		position: absolute;
		top: 175px;
		left: 520px;
	}





	/* ------------------------------------轻松备考------------------------------------ */
	.L4 {
		max-width: 1920px;
		margin: 0 auto;
		height: 939px;
		background: #F8F9FB;
		opacity: 1;
		padding-top: 25px;
	}

	.L4 .banXin {
		width: 1200px;
		margin: 0 auto;
		position: relative;
	}

	.L4 .banXin .service-title {
		width: 688px;
		height: 59px;
		font-size: 44px;
		font-weight: bold;
		color: #333333;
		opacity: 1;
		margin: 0 auto;
		margin-top: 25px;
	}

	.L4 .banXin .service-box-1 {
		width: 274px;
		height: 326px;
		background: #FFFFFF;
		opacity: 1;
		border-radius: 10px;
		position: absolute;
		top: 150px;
	}

	.L4 .banXin .service-box-1 .service-img-1 {
		width: 76.5px;
		height: 76.5px;
		background: url(/static/assets_zk/img/picture/img-b/KeChengTiXi.png) no-repeat;
		margin: 40px auto;
	}

	.L4 .banXin .service-box-1 .service-title-1 {
		width: 98px;
		height: 31px;
		font-size: 24px;
		font-weight: bold;
		line-height: 35px;
		color: #333333;
		opacity: 1;
		margin: 0 auto;
	}

	.L4 .banXin .service-box-1 .service-text-1 {
		width: 169px;
		height: 93px;
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		color: #666666;
		opacity: 1;
		text-align: center;
		margin: 15px auto;
	}

	.L4 .banXin .service-box-2 {
		width: 274px;
		height: 326px;
		background: #FFFFFF;
		opacity: 1;
		border-radius: 10px;
		position: absolute;
		left: 300px;
		top: 150px;
	}

	.L4 .banXin .service-box-2 .service-img-2 {
		width: 80.5px;
		height: 80.5px;
		background: url(/static/assets_zk/img/picture/img-b/ZhiNengTiKu.png) no-repeat;
		margin: 40px auto;
	}

	.L4 .banXin .service-box-2 .service-title-2 {
		width: 171px;
		height: 31px;
		font-size: 24px;
		font-weight: bold;
		line-height: 35px;
		color: #333333;
		opacity: 1;
		margin: 0 auto;
	}

	.L4 .banXin .service-box-2 .service-text-2 {
		width: 169px;
		height: 93px;
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		color: #666666;
		opacity: 1;
		text-align: center;
		margin: 15px auto;
	}


	.L4 .banXin .service-box-3 {
		width: 274px;
		height: 326px;
		background: #FFFFFF;
		opacity: 1;
		border-radius: 10px;
		position: absolute;
		left: 600px;
		top: 150px;
	}

	.L4 .banXin .service-box-3 .service-img-3 {
		width: 82.5px;
		height: 76.5px;
		background: url(/static/assets_zk/img/picture/img-b/ZiShenLaoShi.png) no-repeat;
		margin: 40px auto;
	}

	.L4 .banXin .service-box-3 .service-title-3 {
		width: 98px;
		height: 31px;
		font-size: 24px;
		font-weight: bold;
		line-height: 35px;
		color: #333333;
		opacity: 1;
		margin: 0 auto;
	}

	.L4 .banXin .service-box-3 .service-text-3 {
		width: 169px;
		height: 93px;
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		color: #666666;
		opacity: 1;
		text-align: center;
		margin: 15px auto;
	}


	.L4 .banXin .service-box-4 {
		width: 274px;
		height: 326px;
		background: #FFFFFF;
		opacity: 1;
		border-radius: 10px;
		position: absolute;
		left: 900px;
		top: 150px;
	}

	.L4 .banXin .service-box-4 .service-img-4 {
		width: 83.5px;
		height: 76.5px;
		background: url(/static/assets_zk/img/picture/img-b/QuanFuWuGuoCheng.png) no-repeat;
		margin: 40px auto;
	}

	.L4 .banXin .service-box-4 .service-title-4 {
		width: 122px;
		height: 31px;
		font-size: 24px;
		font-weight: bold;
		line-height: 35px;
		color: #333333;
		opacity: 1;
		margin: 0 auto;
	}

	.L4 .banXin .service-box-4 .service-text-4 {
		width: 169px;
		height: 93px;
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		color: #666666;
		opacity: 1;
		text-align: center;
		margin: 15px auto;
	}


	.L4 .banXin .service-box-5 {
		width: 274px;
		height: 326px;
		background: #FFFFFF;
		opacity: 1;
		border-radius: 10px;
		position: absolute;
		top: 520px;
	}

	.L4 .banXin .service-box-5 .service-img-5 {
		width: 72px;
		height: 72px;
		background: url(/static/assets_zk/img/picture/img-b/DuJiaZiLiao.png) no-repeat;
		margin: 40px auto;
	}

	.L4 .banXin .service-box-5 .service-title-5 {
		width: 98px;
		height: 31px;
		font-size: 24px;
		font-weight: bold;
		line-height: 35px;
		color: #333333;
		opacity: 1;
		margin: 0 auto;
	}

	.L4 .banXin .service-box-5 .service-text-5 {
		width: 169px;
		height: 93px;
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		color: #666666;
		opacity: 1;
		text-align: center;
		margin: 15px auto;
	}


	.L4 .banXin .service-box-6 {
		width: 274px;
		height: 326px;
		background: #FFFFFF;
		opacity: 1;
		border-radius: 10px;
		position: absolute;
		top: 520px;
		left: 300px;
	}

	.L4 .banXin .service-box-6 .service-img-6 {
		width: 75px;
		height: 75px;
		background: url(/static/assets_zk/img/picture/img-b/XiTongHuaJiaoXue.png) no-repeat;
		margin: 40px auto;
	}

	.L4 .banXin .service-box-6 .service-title-6 {
		width: 122px;
		height: 31px;
		font-size: 24px;
		font-weight: bold;
		line-height: 35px;
		color: #333333;
		opacity: 1;
		margin: 0 auto;
	}

	.L4 .banXin .service-box-6 .service-text-6 {
		width: 169px;
		height: 93px;
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		color: #666666;
		opacity: 1;
		text-align: center;
		margin: 15px auto;
	}

	.L4 .banXin .service-box-7 {
		width: 274px;
		height: 326px;
		background: #FFFFFF;
		opacity: 1;
		border-radius: 10px;
		position: absolute;
		top: 520px;
		left: 600px;
	}

	.L4 .banXin .service-box-7 .service-img-7 {
		width: 66.5px;
		height: 74px;
		background: url(/static/assets_zk/img/picture/img-b/ZiZhuYanFa.png) no-repeat;
		margin: 40px auto;
	}

	.L4 .banXin .service-box-7 .service-title-7 {
		width: 98px;
		height: 31px;
		font-size: 24px;
		font-weight: bold;
		line-height: 35px;
		color: #333333;
		opacity: 1;
		margin: 0 auto;
	}

	.L4 .banXin .service-box-7 .service-text-7 {
		width: 169px;
		height: 93px;
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		color: #666666;
		opacity: 1;
		text-align: center;
		margin: 15px auto;
	}


	.L4 .banXin .service-box-8 {
		width: 274px;
		height: 326px;
		background: #FFFFFF;
		opacity: 1;
		border-radius: 10px;
		position: absolute;
		top: 520px;
		left: 900px;
	}

	.L4 .banXin .service-box-8 .service-img-8 {
		width: 70px;
		height: 78px;
		background: url(/static/assets_zk/img/picture/img-b/ZuoYeGongGu.png) no-repeat;
		margin: 40px auto;
	}

	.L4 .banXin .service-box-8 .service-title-8 {
		width: 98px;
		height: 31px;
		font-size: 24px;
		font-weight: bold;
		line-height: 35px;
		color: #333333;
		opacity: 1;
		margin: 0 auto;
	}

	.L4 .banXin .service-box-8 .service-text-8 {
		width: 169px;
		height: 93px;
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		color: #666666;
		opacity: 1;
		text-align: center;
		margin: 15px auto;
	}

	.L4 .banXin .service-box-1:hover {
		box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
		top: 140px;
		cursor: pointer;
	}

	.L4 .banXin .service-box-2:hover {
		box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
		top: 140px;
		cursor: pointer;
	}

	.L4 .banXin .service-box-3:hover {
		box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
		top: 140px;
		cursor: pointer;
	}

	.L4 .banXin .service-box-4:hover {
		box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
		top: 140px;
		cursor: pointer;
	}

	.L4 .banXin .service-box-5:hover {
		box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
		top: 510px;
		cursor: pointer;
	}

	.L4 .banXin .service-box-6:hover {
		box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
		top: 510px;
		cursor: pointer;
	}

	.L4 .banXin .service-box-7:hover {
		box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
		top: 510px;
		cursor: pointer;
	}

	.L4 .banXin .service-box-8:hover {
		box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
		top: 510px;
		cursor: pointer;
	}


	/* ------------------------------------讲师团队------------------------------------ */
	.L3 {
		width: 100%;
		height: 837px;
		background: url(/static/assets_zk/img/picture/img-b/bg.png) no-repeat;
		background-size: auto;
		background-position: center center;
		position: relative;
	}

	.L3 .banXin {
		width: 1200px;
		margin: 0 auto;
		position: relative;
	}

	.L3 .banXin .teacher-title {
		width: 464px;
		height: 59px;
		font-size: 44px;
		font-weight: bold;
		color: #FFFFFF;
		opacity: 1;
		margin-top: 40px;
		margin-left: 360px;
		position: absolute;
	}

	.L3 .banXin .teacher-big-photo {
		width: 330px;
		height: 330px;
		background: url(/static/assets_zk/img/picture/img-b/teacherBIG.png) no-repeat;
		position: absolute;
		top: 200px;
		left: -10px;
	}

	.L3 .banXin .teacher-name {
		width: 110px;
		height: 47px;
		font-size: 36px;
		font-weight: bold;
		color: #FFFFFF;
		opacity: 1;
		position: absolute;
		left: 362px;
		top: 190px;
	}

	.L3 .banXin .teacher-brief {
		width: 663px;
		height: 24px;
		font-size: 18px;
		font-weight: bold;
		line-height: 35px;
		color: #FFFFFF;
		opacity: 1;
		position: absolute;
		left: 362px;
		top: 260px;
	}

	.L3 .banXin .teacher-para {
		width: 802px;
		height: 121px;
		font-size: 14px;
		font-weight: 400;
		line-height: 34px;
		color: #FFFFFF;
		opacity: 1;
		position: absolute;
		left: 362px;
		top: 320px;
	}

	.L3 .banXin .teacher-btn {
		width: 162px;
		height: 47px;
		background: linear-gradient(180deg, #FEC267 0%, #E84C2D 100%);
		opacity: 1;
		border-radius: 10px;
		position: absolute;
		left: 362px;
		top: 475px;
	}

	.L3 .banXin .teacher-btn .teacher-btn-inner {
		width: 122px;
		height: 21px;
		font-size: 16px;
		font-weight: 400;
		color: #FFFFFF;
		opacity: 1;
		margin-top: 10px;
		margin-left: 25px;
	}

	.L3 .banXin .teacher-bottom-bar {
		width: 1200px;
		height: 120px;
		position: absolute;
		top: 600px;
		display: flex;
		justify-content: space-between;
	}

	.L3 .banXin .teacher-bottom-bar div {
		width: 120px;
		height: 120px;
	}

	.L3 .banXin .teacher-bottom-bar .teacher-photo-1 {
		background: url(/static/assets_zk/img/picture/img-b/teacher1.png);
	}

	.L3 .banXin .teacher-bottom-bar .teacher-photo-2 {
		background: url(/static/assets_zk/img/picture/img-b/teacher2.png);
	}

	.L3 .banXin .teacher-bottom-bar .teacher-photo-3 {
		background: url(/static/assets_zk/img/picture/img-b/teacher3.png);
	}

	.L3 .banXin .teacher-bottom-bar .teacher-photo-4 {
		background: url(/static/assets_zk/img/picture/img-b/teacher4.png);
	}

	.L3 .banXin .teacher-bottom-bar .teacher-photo-5 {
		background: url(/static/assets_zk/img/picture/img-b/teacher5.png);
	}

	.L3 .banXin .teacher-bottom-bar .teacher-photo-6 {
		background: url(/static/assets_zk/img/picture/img-b/teacher6.png);
	}

	.L3 .banXin .teacher-bottom-bar .teacher-photo-7 {
		background: url(/static/assets_zk/img/picture/img-b/teacher7.png);
	}

	.L3 .banXin .teacher-bottom-bar .teacher-photo-8 {
		background: url(/static/assets_zk/img/picture/img-b/teacher8.png);
	}

	.L3 .banXin .teacher-L-arrow {
		width: 12px;
		height: 34px;
		background: #FFFFFF;
		opacity: 0.38;
		position: absolute;
		left: -80px;
		top: 645px;
	}

	.L3 .banXin .L-arrow-inner {
		width: 7px;
		height: 18px;
		background: url(/static/assets_zk/img/picture/img-b/arrow-Left.png) no-repeat;
		background-size: 100%;
		position: absolute;
		left: -78px;
		top: 655px;
	}

	.L3 .banXin .teacher-R-arrow {
		width: 12px;
		height: 34px;
		background: #FFFFFF;
		opacity: 0.38;
		position: absolute;
		right: -80px;
		top: 645px;
	}

	.L3 .banXin .R-arrow-inner {
		width: 7px;
		height: 18px;
		background: url(/static/assets_zk/img/picture/img-b/arrow-Right.png) no-repeat;
		background-size: 100%;
		position: absolute;
		right: -78px;
		top: 655px;
	}





	/* ------------------------------------多种课程班------------------------------------ */
	.L2 {
		width: 100%;
		height: 700px;
	}

	.L2 .banXin {
		width: 1200px;
		margin: 0 auto;
	}

	.L2 .banXin .course-title {
		width: 734px;
		height: 59px;
		font-size: 44px;
		font-weight: bold;
		line-height: 35px;
		color: #333333;
		opacity: 1;
		margin: 54px auto;
	}

	.L2 .banXin .course-body {
		width: 1300px;
		height: 400px;
		margin: 40px auto;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
	}

	.L2 .banXin .course-body .course-body-box {
		width: 272px;
		height: 327px;
		border: 3px solid #1379D1;
		opacity: 1;
		border-radius: 10px;
		position: relative;
	}

	.L2 .banXin .course-body .course-body-box .course-box-title {
		width: 140px;
		height: 37px;
		font-size: 28px;
		font-weight: bold;
		line-height: 22px;
		color: #087CD1;
		opacity: 1;
		margin: 73px auto;
	}

	.L2 .banXin .course-body .course-body-box .course-box-text-1 {
		width: 106px;
		height: 21px;
		font-size: 16px;
		font-weight: 400;
		line-height: 22px;
		color: #333333;
		opacity: 1;
		margin: -45px auto;
	}

	.L2 .banXin .course-body .course-body-box .course-box-text-2 {
		width: 96px;
		height: 21px;
		font-size: 16px;
		font-weight: 400;
		line-height: 22px;
		color: #333333;
		opacity: 1;
		margin: -45px auto;
	}

	.L2 .banXin .course-body .course-body-box .course-box-text-3 {
		width: 128px;
		height: 21px;
		font-size: 16px;
		font-weight: 400;
		line-height: 22px;
		color: #333333;
		opacity: 1;
		margin: -45px auto;
	}

	.L2 .banXin .course-body .course-body-box .course-box-text-4 {
		width: 128px;
		height: 21px;
		font-size: 16px;
		font-weight: 400;
		line-height: 22px;
		color: #333333;
		opacity: 1;
		margin: -45px auto;
	}



	.L2 .banXin .course-body .course-body-box .course-box-btn {
		width: 171px;
		height: 46px;
		border: 2px solid #1379D1;
		opacity: 1;
		border-radius: 28px;
		margin: 115px auto;
		display: flex;
	}

	.L2 .banXin .course-body .course-body-box .course-box-btn .course-box-btn-icon {
		margin-top: auto;
		margin-bottom: auto;
		margin-left: 35px;
	}

	.L2 .banXin .course-body .course-body-box .course-box-btn .course-box-btn-word {
		width: 80px;
		height: 21px;
		font-size: 16px;
		font-weight: 400;
		line-height: 22px;
		color: #087CD1;
		opacity: 1;
		margin-top: auto;
		margin-bottom: auto;
		margin-left: 8px;
		cursor: pointer;

	}


	.L2 .banXin .course-footer {
		width: 1058px;
		height: 248px;
		background: #F8F9FB;
		opacity: 1;
		border-radius: 10px;
		margin: 0 auto;
		position: relative;
	}

	.L2 .banXin .course-footer .course-footer-btn {
		border: 0;
		color: #fff;
		width: 337px;
		height: 42px;
		background: linear-gradient(180deg, #FEC267 0%, #E84C2D 100%);
		opacity: 1;
		border-radius: 6px;
		margin: 0 auto;
		margin-top: 70px;
		cursor: pointer;
	}

	.L2 .banXin .course-footer .course-footer-btn div {
		width: 65px;
		height: 21px;
		font-size: 16px;
		font-weight: 400;
		color: #FFFFFF;
		opacity: 1;
		margin: 20px auto;
		padding-top: 9px;
	}

	.L2 .banXin .course-footer .course-footer-title {
		width: 283px;
		height: 29px;
		font-size: 22px;
		font-weight: 400;
		color: #191919;
		opacity: 1;
		margin: 30px auto;
		padding-top: 25px;
	}

	.L2 .banXin .course-footer .course-footer-input-box {
		padding: 0 100px;
		width: 100%;
		display: flex;
		justify-content: space-around;
		padding-top: 25px;
	}

	.L2 .banXin .course-footer .course-footer-input-box .course-input-left {
		width: 184px;
		height: 38px;
		border: 1px solid #909091;
		opacity: 1;
		border-radius: 6px;
	}

	.L2 .banXin .course-footer .course-footer-input-box .course-input-left-1 div {
		width: 65px;
		height: 21px;
		font-size: 16px;
		font-weight: 400;
		color: #999999;
		opacity: 1;
		margin-top: 5.8px;
		margin-left: 10px;
	}

	.L2 .banXin .course-footer .course-footer-input-box .course-input-left-2 div {
		width: 82px;
		height: 21px;
		font-size: 16px;
		font-weight: 400;
		color: #999999;
		opacity: 1;
		margin-top: 5.8px;
		margin-left: 10px;
	}

	.L2 .banXin .course-footer .course-footer-input-box .course-input-right {
		width: 160px;
		height: 38px;
		border: 1px solid #909091;
		opacity: 1;
		border-radius: 6px;
		display: flex;
	}

	.L2 .banXin .course-footer .course-footer-input-box .course-input-right .arrow-img {
		width: 10.7px;
		height: 5.6px;
		background: url(/static/assets_zk/img/picture/img-b/arrow-Down.png) no-repeat;
		background-size: auto;
	}

	.L2 .banXin .course-footer .course-footer-input-box .course-input-right-1 div {
		width: 32px;
		height: 21px;
		font-size: 16px;
		font-weight: 400;
		color: #999999;
		opacity: 1;
		margin-top: 5.8px;
		margin-left: 10px;
	}

	.L2 .banXin .course-footer .course-footer-input-box .course-input-right-2 div {
		width: 32px;
		height: 21px;
		font-size: 16px;
		font-weight: 400;
		color: #999999;
		opacity: 1;
		margin-top: 5.8px;
		margin-left: 10px;
	}




	/* ------------------------------------底部------------------------------------ */
	footer {
		width: 100%;
		height: 663px;
		background: url(/static/assets_zk/img/picture/img-b/bottom-Bg.png) no-repeat;
		background-size: auto;
		position: relative;
		background-position: center center;
		background-size: 100% 100%;
	}

	footer .banXin {
		width: 1200px;
		margin: 0 auto;
		position: relative;
	}

	footer .banXin .footer-box {
		position: absolute;
		width: 1093px;
		height: 242px;
		display: flex;
		left: 54px;
		top: 147px;
		background: url(/static/assets_zk/img/picture/img-b/ZK-logo.png) no-repeat;
		background-size: auto;
	}

	footer .banXin .footer-box .footer-box-left {
		height: 100%;
		width: 25%;
		display: 1;
	}


	footer .banXin .footer-box .footer-box-right {
		height: 100%;
		width: 75%;
		display: 3;
		position: relative;
	}

	footer .banXin .footer-box .footer-box-right .box-right-box {
		width: 742px;
		height: 191px;
		position: absolute;
		right: 0;
		top: 25px;
	}

	footer .banXin .footer-box .footer-box-right .box-right-box .box-right-bar {
		width: 276px;
		height: 8px;
		background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
		opacity: 1;
		border-radius: 0px;
	}

	footer .banXin .footer-box .footer-box-right .box-right-box .box-right-title {
		width: 742px;
		height: 87px;
		font-size: 66px;
		font-weight: bold;
		line-height: 41px;
		color: #FFFFFF;
		margin-top: 62px;
	}

	footer .banXin .footer-box .footer-box-right .box-right-box .box-right-text {
		width: 342px;
		height: 35px;
		font-size: 26px;
		font-weight: 400;
		line-height: 41px;
		color: #FFFFFF;
		margin-top: 10px;
	}

	footer .banXin .right-bottom {
		width: 291px;
		height: 42px;
		background: #128FCF;
		opacity: 1;
		border-radius: 0px;
		display: flex;
		position: fixed;
		right: 0;
		bottom: 0;
	}

	footer .banXin .right-bottom .consult-icon {
		height: 100%;
		width: 20%;
		border-right: 1px solid rgba(255, 255, 255, 0.33);
		background: url(/static/assets_zk/img/picture/img-b/consult-white.png) no-repeat;
		background-size: auto;
		background-position: center;
		display: inline-block;
	}

	footer .banXin .right-bottom .text-box {
		width: 56px;
		height: 19px;
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
		color: #FFFFFF;
		opacity: 1;
		margin-left: 15px;
		margin-top: 11px;
	}

	.mast-box {

		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background-color: rgba(000, 000, 000, 0.6);
		display: none;
		padding-top: 60px;
	}

	.mast-close {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 20px;
	}

	.mast-conten {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	/* .mast-left-image {} */

	.mast-right-box {
		border-radius: 17px;
		background-image: url(/static/assets_zk/img/picture/mast-bg.png);
		width: 520px;
		height: 585px;
		background-color: #fff;
		display: flex;
		align-items: center;
		flex-direction: column;
	}

	.mast-right-top {
		width: 250px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 310px;
	}

	.mast-right-image {
		width: 55px;
		height: 55px;
	}

	.mast-right-text {
		font-size: 22px;
		color: #FCE676;
	}

	.mast-bot-box {
		border: 0;
		width: 316px;
		height: 46px;
		background: linear-gradient(360deg, #F8C136 0%, #FFEFBE 100%);
		box-shadow: 0px 4px 19px rgba(248, 196, 62, 0.4);
		border-radius: 58px;
		color: #FFFFFF;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
	}

	.mast-bot-text {
		font-size: 16px;
		font-weight: bold;
		color: #fff;
		border: 0;
		background: rgba(000, 000, 000, 0);
	}

	.mast-border-image {
		margin-left: 8px;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 19px;
		height: 19px;
		background: #FFFFFF;
		border-radius: 50%;
	}

	.mast-right-conten {
		margin-top: 20px;
	}

	.mast-input-box {
		margin-top: 10px;
		width: 258px;
		height: 33px;
		background: #FFFFFF;
		opacity: 1;
		border-radius: 6px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 20px;
	}


	.mast-skills-box {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 20px;
		width: 300px;
	}

	.mast-input {
		width: 100px;
		height: 35px;
		background: #FFFFFF;
		border-radius: 6px;
		border: 0px solid #CECBCB;
		padding-left: 8px;
	}

	/* 备考 */
	.bk-title {
		margin-bottom: 20px;
		font-size: 44px;
		font-weight: bold;
		color: #333333;
	}

	.bk-ul-box {
		width: 1200px;
		display: flex;
		flex-wrap: wrap;


	}

	.bk-li-box:hover {
		width: 274px;
		height: 326px;
		background: #FFFFFF;
		box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
		border-radius: 10px;
	}

	.bk-li-box {
		margin: 10px 10px;
		width: 274px;
		height: 326px;
		background: #FFFFFF;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.bk-image {
		width: 77px;
		height: 77px;
	}

	.bk-text {
		text-align: center;
		font-size: 16px;
		color: #666666;
		line-height: 25px;
	}

	.bk-h2-title {
		margin: 20px 0 10px 0;
	}

	.inputStyle {
		width: 184px;
		height: 38px;
		border: 0px solid #909091;
		border-radius: 6px;
		background-color: #ffffff;
		padding-left: 8px;
	}

	.inputStyle-a {
		width: 150px;
		height: 38px;
		background-color: #ffffff;
		border: 0px solid #909091;
		border-radius: 6px;
		padding-left: 8px;
	}

	input:focus {
		border: 0px solid #909091;
		outline: none;
	}

	.news-left {
		margin: 10px 0;
		padding: 5px 20px 5px 20px;
		width: 100%;
		border-radius: 6px;
	}

	.news-right {
		width: 490px;
		padding-bottom: 20px;
		margin-left: 15px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.left-title-box {
		display: flex;
		align-items: center;
		height: 50px;
		margin-bottom: 10px;
	}

	.title-ul {
		padding: 0;
		display: flex;
	}

	.title-li {
		font-size: 14px;
		color: #333;
		margin-left: 30px;
	}

	.title-li-z {
		font-size: 14px;
		display: flex;
		flex-direction: column;
		margin-left: 30px;
		color: #1C8CCE;
		align-items: center;
	}

	.span-border {
		width: 30px;
		border-top: 2px solid #1C8CCE;
	}

	.banner-con {
		width: 100%;
		height: 210px;
		margin-bottom: 20px;
	}

	.news-box>ul>li {
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px #eff0f1 dashed;
	}

	.news {
		display: flex;
	}

	.news-image {
		width: 136px;
		height: 77px;
	}

	.news-text-box {
		margin-left: 15px;
	}

	.news-text-title {
		padding: 0;
		margin: 0;
		font-size: 14px;
		color: #333333;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}

	.news-text {
		margin: 0;
		padding: 0;
		font-size: 14px;
		font-weight: 400;
		color: #666666;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	ul {
		margin: 0;
		padding: 0;
	}

	.right-top-box {
		display: flex;
		align-items: center;
		width: 100%;
	}

	.right-border {
		border-left: #1C8CCE 4px solid;
		height: 21px;
		margin-right: 20px;
	}

	.right-title {
		font-size: 20px;
		font-weight: bold;
		color: #191919;
		margin-right: 20px;
	}

	.right-title-box {
		background-color: #ff5b39;
		width: 128px;
		height: 21px;
		border-radius: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.text {
		font-size: 12px;
		font-weight: bold;
		color: #FFFEEB;
	}

	.right-icon-yin {
		margin-left: 3px;
		width: 12px;
		height: 13px;
	}

	.banner-box {
		width: 290px;
		height: 150px;
	}

	.top-but-box {
		margin-top: 10px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 290px;
	}

	.top-title {
		font-size: 14px;
		font-weight: 400;
		color: #191919;
	}

	.top-zhibo-box {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.top-zb {
		font-size: 12px;
		font-weight: 400;
		color: #D03A30;
	}

	.top-icon-zb {
		margin-right: 5px;
		width: 14px;
		height: 14px;
	}

	.left-ul-box {

		width: 320px;
	}

	.left-li-one {
		border-bottom: 1px #eff0f1 dashed;
		margin-bottom: 20px;
		padding: 0 15px 10px 0;
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}

	.left-js-box {
		margin-left: 10px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.left-tx-image {
		width: 55px;
		height: 55px;
	}

	.js-title {
		font-size: 16px;
		font-weight: 400;
		color: #191919;
	}

	.js-text {
		font-size: 14px;
		font-weight: 400;
		color: #666666;
	}

	.ck-text {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 14px;
		color: #1C8CCE;
		width: 46px;
		height: 25px;
		border: 1px solid #238ACE;
		border-radius: 14px;
	}

	.ksdh-ul-box {
		width: 290px;
	}

	.ksdh-li-box {
		padding: 0 20px;
		height: 50px;
		background: #F8F9FB;
		border-radius: 6px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 20px;
	}

	.ksdh-left-box {
		display: flex;
	}

	.ksdh-image {
		width: 25px;
		height: 23px;
	}

	.ksdh-text {
		font-size: 16px;
		margin-left: 30px;
		font-weight: 600;
		color: #191919;
	}

	.ksdh-left {
		width: 7px;
		height: 12px;
	}

	a {
		color: #128fcf;
	}

	a:hover {
		color: #0b6491;
	}

	li {
		cursor: pointer;
	}

	button {
		cursor: pointer;
	}

	/* 讲师介绍,引路人 */
	.jsjs-bg {
		width: 100%;
		height: 780px;
		background-image: url(/static/assets_zk/img/picture/img-b/bg.png);
		background-size: 100% 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.jsjs-conten {
		width: 1200px;
		height: 100%;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
	}

	.jsjs-title {
		letter-spacing: 8px;
		color: #fff;
		margin: 20px 0;
		padding: 0;

	}

	.jsjs-banner-box {
		display: flex;
		padding: 0 25px;
		margin-top: 25px;
	}

	.jsjs-right-image {
		width: 330px;
		height: 330px;
		border-radius: 10px;
	}

	.jsjs-right-box {
		display: flex;
		flex-direction: column;
		margin-left: 40px;
	}
/* 
	.jsjs-name {
		display: flex;
		align-items: center;
		flex-direction: column;
	} */

	.jsjs-neme-text {
		margin: 0 0 20px 0;
		padding: 0;
		font-size: 36px;
		line-height: 28px;
		color: #F4F6FA;
		margin-right: 20px;
	}

	.jsjs-border {
		width: 53px;
		height: 5px;
		background: #FFFFFF;
		border-radius: 4px;
	}

	.jsjs-text {
		margin-bottom: 20px;
		font-size: 20px;
		color: #FFFFFF;
	}

	.jsjs-p {
		letter-spacing: 2px;
		line-height: 2;
		font-size: 14px;
		color: #F4F6FA;
	}

	.jsjs-bottom-box {
		width: 100%;
		display: flex;
		align-items: center;
		margin-top: 80px;
	}

	.jsjs-icon-jiantou {
		cursor: pointer;
		width: 48px;
		height: 40px;
		background-color: rgba(0, 0, 0, 0.4);
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.jsjs-icon-jiantou-you {
		cursor: pointer;
		width: 48px;
		height: 40px;
		background-color: rgba(0, 0, 0, 0.4);
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.jsjs-jt-image {
		width: 15px;
		height: 26px;
	}

	.jsjs-icon-con {
		width: 100%;
	}

	.jsjs-icon-ul {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
	}


	.jsjs-icon-li-1 {
		width: 125px;
		height: 125px;
		position: relative;
	}

	.jsjs-icon-li-1:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #000000;
		opacity: .5;
		border-radius: 10px;
	}

	.jsjs-icon-li-1:hover::after {
		opacity: 0;
	}

	.jsjs-icon-li-1-after:after {
		opacity: 0 !important;
	}

	.jsjs-icon-li-1>img {
		width: 100%;
		height: 100%;
		border-radius: 10px;
	}

	.d-none-mast {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		z-index: 99;
		width: 120px;
		height: 120px;
		background-color: rgba(000, 000, 000, 0.5);
		border-radius: 10px;
	}

	.d-none {
		display: none;
	}

	select:focus {
		outline: none;
	}

	.select-box select {
		border: 0;
		background-color: rgba(000, 000, 000, 0);
	}

	option {
		border: 1px solid #000;
	}
}
@media (max-width:1199px){
	.L5 {

		/* max-width: 1920px; */
		margin: 0 auto;
	
		background: url(/static/assets_zk/img/picture/img-b/ZiLiaoLingQu-Bg.png) no-repeat;
		background-position: center center;
		background-size: 100% 100%;
	}

	.L5 .banXin {
		width: 100%;
		margin: 0 auto;
		
	}

	.L5 .banXin .download-title {
		width: 95%;
		
		font-size: 24px;
		font-weight: bold;
		margin: 0 auto;
		color: #333333;
		opacity: 1;
		text-align: left;
		padding-top: 40px;
	
	}

	.L5 .banXin .download-slogan {
		width: 95%;
		height: 40px;
		font-size: 24px;
		font-weight: bold;
		margin: 0 auto;
		color: #191919;
		opacity: 1;
		text-align: left;
		padding-bottom: 20px;
	
	}

	.L5 .banXin .download-text {
		width: 94%;

		font-size: 16px;
		font-weight: 400;
		line-height: 28px;
		color: #666666;
		opacity: 1;
		margin:0px auto 20px;
		
	}

	.L5 .banXin .download-iOS-btn:hover {
		width: 174px;
		height: 46px;
		border: 1px solid #FFFFFF;
		background: linear-gradient(180deg, #FEC267 0%, #E84C2D 100%);
		opacity: 1;
		border-radius: 23px;
	
		display: flex;
	}

	.L5 .banXin .download-iOS-btn {
		color: #333333;
		width: 174px;
		max-width: 51%;
		height: 46px;
		border: 1px solid #333333;
		border-radius: 23px;
	
		display: flex;
		position: relative;
		margin-bottom: 12px;
		margin-left: 2.5%;
	}

	.L5 .banXin .download-iOS-btn .down-apple-icon {
		width: 20px;
		height: 25px;
		background: url(/static/assets_zk/img/picture/img-b/Apple.png);
		position: absolute;
		left: 28px;
		top: 8px;
	}

	.L5 .banXin .download-iOS-btn .download-iOS-inner-box {
		width: 75px;
		height: 26px;
		font-size: 19px;
		font-weight: 400;
		line-height: 21px;
		opacity: 1;
		margin-left: 62px;
		margin-top: 10px;
		color: #333333;
	}

	.L5 .banXin .download-android-btn {
		width: 174px;
		max-width: 51%;
		height: 46px;
		border: 1px solid #333333;
		border-radius: 23px;
		position: relative;
		display: flex;
		margin-bottom: 12px;
		margin-left: 2.5%;
	}

	.L5 .banXin .download-android-btn:hover {
		color: #fff;
		background: linear-gradient(180deg, #FEC267 0%, #E84C2D 100%);
		border: 1px solid #FFFFFF;
		width: 174px;
		height: 46px;
		border-radius: 23px;

		display: flex;
	}

	.L5 .banXin .download-android-btn .download-android-inner-box {
		width: 114px;
		height: 26px;
		font-size: 19px;
		font-weight: 400;
		line-height: 21px;
		color: #333333;
		opacity: 1;
		margin-left: 45px;
		margin-top: 10px;
	}

	.L5 .banXin .download-android-btn .down-android-icon {
		width: 18px;
		height: 20.5px;
		background: url(/static/assets_zk/img/picture/img-b/Android.png);
		position: absolute;
		top: 10px;
		left: 16px;
	}

	.L5 .banXin .download-QRcode {
		width: 110px;
		height: 110px;
		max-width: 35%;
		background: url(/static/assets_zk/img/picture/img-b/QR-code.png);
		position: relative;
		right: -60%;
	}

	.L5 .banXin .download-big-photo {
		width: 100%;
		margin-top: -90px;
		padding-bottom: 20px;
		/* background: url(/static/assets_zk/img/picture/img-b/Mockup.png); */
		/* position: absolute;
		top: 175px;
		left: 520px; */
	}





	/* ------------------------------------轻松备考------------------------------------ */
	.L4 {
		max-width: 1920px;
		margin: 0 auto;
		height: 939px;
		background: #F8F9FB;
		opacity: 1;
		padding-top: 25px;
	}

	.L4 .banXin {
		width: 1200px;
		margin: 0 auto;
		position: relative;
	}

	.L4 .banXin .service-title {
		width: 688px;
		height: 59px;
		font-size: 44px;
		font-weight: bold;
		color: #333333;
		opacity: 1;
		margin: 0 auto;
		margin-top: 25px;
	}

	.L4 .banXin .service-box-1 {
		width: 274px;
		height: 326px;
		background: #FFFFFF;
		opacity: 1;
		border-radius: 10px;
		position: absolute;
		top: 150px;
	}

	.L4 .banXin .service-box-1 .service-img-1 {
		width: 76.5px;
		height: 76.5px;
		background: url(/static/assets_zk/img/picture/img-b/KeChengTiXi.png) no-repeat;
		margin: 40px auto;
	}

	.L4 .banXin .service-box-1 .service-title-1 {
		width: 98px;
		height: 31px;
		font-size: 24px;
		font-weight: bold;
		line-height: 35px;
		color: #333333;
		opacity: 1;
		margin: 0 auto;
	}

	.L4 .banXin .service-box-1 .service-text-1 {
		width: 169px;
		height: 93px;
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		color: #666666;
		opacity: 1;
		text-align: center;
		margin: 15px auto;
	}

	.L4 .banXin .service-box-2 {
		width: 274px;
		height: 326px;
		background: #FFFFFF;
		opacity: 1;
		border-radius: 10px;
		position: absolute;
		left: 300px;
		top: 150px;
	}

	.L4 .banXin .service-box-2 .service-img-2 {
		width: 80.5px;
		height: 80.5px;
		background: url(/static/assets_zk/img/picture/img-b/ZhiNengTiKu.png) no-repeat;
		margin: 40px auto;
	}

	.L4 .banXin .service-box-2 .service-title-2 {
		width: 171px;
		height: 31px;
		font-size: 24px;
		font-weight: bold;
		line-height: 35px;
		color: #333333;
		opacity: 1;
		margin: 0 auto;
	}

	.L4 .banXin .service-box-2 .service-text-2 {
		width: 169px;
		height: 93px;
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		color: #666666;
		opacity: 1;
		text-align: center;
		margin: 15px auto;
	}


	.L4 .banXin .service-box-3 {
		width: 274px;
		height: 326px;
		background: #FFFFFF;
		opacity: 1;
		border-radius: 10px;
		position: absolute;
		left: 600px;
		top: 150px;
	}

	.L4 .banXin .service-box-3 .service-img-3 {
		width: 82.5px;
		height: 76.5px;
		background: url(/static/assets_zk/img/picture/img-b/ZiShenLaoShi.png) no-repeat;
		margin: 40px auto;
	}

	.L4 .banXin .service-box-3 .service-title-3 {
		width: 98px;
		height: 31px;
		font-size: 24px;
		font-weight: bold;
		line-height: 35px;
		color: #333333;
		opacity: 1;
		margin: 0 auto;
	}

	.L4 .banXin .service-box-3 .service-text-3 {
		width: 169px;
		height: 93px;
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		color: #666666;
		opacity: 1;
		text-align: center;
		margin: 15px auto;
	}


	.L4 .banXin .service-box-4 {
		width: 274px;
		height: 326px;
		background: #FFFFFF;
		opacity: 1;
		border-radius: 10px;
		position: absolute;
		left: 900px;
		top: 150px;
	}

	.L4 .banXin .service-box-4 .service-img-4 {
		width: 83.5px;
		height: 76.5px;
		background: url(/static/assets_zk/img/picture/img-b/QuanFuWuGuoCheng.png) no-repeat;
		margin: 40px auto;
	}

	.L4 .banXin .service-box-4 .service-title-4 {
		width: 122px;
		height: 31px;
		font-size: 24px;
		font-weight: bold;
		line-height: 35px;
		color: #333333;
		opacity: 1;
		margin: 0 auto;
	}

	.L4 .banXin .service-box-4 .service-text-4 {
		width: 169px;
		height: 93px;
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		color: #666666;
		opacity: 1;
		text-align: center;
		margin: 15px auto;
	}


	.L4 .banXin .service-box-5 {
		width: 274px;
		height: 326px;
		background: #FFFFFF;
		opacity: 1;
		border-radius: 10px;
		position: absolute;
		top: 520px;
	}

	.L4 .banXin .service-box-5 .service-img-5 {
		width: 72px;
		height: 72px;
		background: url(/static/assets_zk/img/picture/img-b/DuJiaZiLiao.png) no-repeat;
		margin: 40px auto;
	}

	.L4 .banXin .service-box-5 .service-title-5 {
		width: 98px;
		height: 31px;
		font-size: 24px;
		font-weight: bold;
		line-height: 35px;
		color: #333333;
		opacity: 1;
		margin: 0 auto;
	}

	.L4 .banXin .service-box-5 .service-text-5 {
		width: 169px;
		height: 93px;
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		color: #666666;
		opacity: 1;
		text-align: center;
		margin: 15px auto;
	}


	.L4 .banXin .service-box-6 {
		width: 274px;
		height: 326px;
		background: #FFFFFF;
		opacity: 1;
		border-radius: 10px;
		position: absolute;
		top: 520px;
		left: 300px;
	}

	.L4 .banXin .service-box-6 .service-img-6 {
		width: 75px;
		height: 75px;
		background: url(/static/assets_zk/img/picture/img-b/XiTongHuaJiaoXue.png) no-repeat;
		margin: 40px auto;
	}

	.L4 .banXin .service-box-6 .service-title-6 {
		width: 122px;
		height: 31px;
		font-size: 24px;
		font-weight: bold;
		line-height: 35px;
		color: #333333;
		opacity: 1;
		margin: 0 auto;
	}

	.L4 .banXin .service-box-6 .service-text-6 {
		width: 169px;
		height: 93px;
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		color: #666666;
		opacity: 1;
		text-align: center;
		margin: 15px auto;
	}

	.L4 .banXin .service-box-7 {
		width: 274px;
		height: 326px;
		background: #FFFFFF;
		opacity: 1;
		border-radius: 10px;
		position: absolute;
		top: 520px;
		left: 600px;
	}

	.L4 .banXin .service-box-7 .service-img-7 {
		width: 66.5px;
		height: 74px;
		background: url(/static/assets_zk/img/picture/img-b/ZiZhuYanFa.png) no-repeat;
		margin: 40px auto;
	}

	.L4 .banXin .service-box-7 .service-title-7 {
		width: 98px;
		height: 31px;
		font-size: 24px;
		font-weight: bold;
		line-height: 35px;
		color: #333333;
		opacity: 1;
		margin: 0 auto;
	}

	.L4 .banXin .service-box-7 .service-text-7 {
		width: 169px;
		height: 93px;
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		color: #666666;
		opacity: 1;
		text-align: center;
		margin: 15px auto;
	}


	.L4 .banXin .service-box-8 {
		width: 274px;
		height: 326px;
		background: #FFFFFF;
		opacity: 1;
		border-radius: 10px;
		position: absolute;
		top: 520px;
		left: 900px;
	}

	.L4 .banXin .service-box-8 .service-img-8 {
		width: 70px;
		height: 78px;
		background: url(/static/assets_zk/img/picture/img-b/ZuoYeGongGu.png) no-repeat;
		margin: 40px auto;
	}

	.L4 .banXin .service-box-8 .service-title-8 {
		width: 98px;
		height: 31px;
		font-size: 24px;
		font-weight: bold;
		line-height: 35px;
		color: #333333;
		opacity: 1;
		margin: 0 auto;
	}

	.L4 .banXin .service-box-8 .service-text-8 {
		width: 169px;
		height: 93px;
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		color: #666666;
		opacity: 1;
		text-align: center;
		margin: 15px auto;
	}

	.L4 .banXin .service-box-1:hover {
		box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
		top: 140px;
		cursor: pointer;
	}

	.L4 .banXin .service-box-2:hover {
		box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
		top: 140px;
		cursor: pointer;
	}

	.L4 .banXin .service-box-3:hover {
		box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
		top: 140px;
		cursor: pointer;
	}

	.L4 .banXin .service-box-4:hover {
		box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
		top: 140px;
		cursor: pointer;
	}

	.L4 .banXin .service-box-5:hover {
		box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
		top: 510px;
		cursor: pointer;
	}

	.L4 .banXin .service-box-6:hover {
		box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
		top: 510px;
		cursor: pointer;
	}

	.L4 .banXin .service-box-7:hover {
		box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
		top: 510px;
		cursor: pointer;
	}

	.L4 .banXin .service-box-8:hover {
		box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
		top: 510px;
		cursor: pointer;
	}


	/* ------------------------------------讲师团队------------------------------------ */
	.L3 {
		width: 100%;
		height: 837px;
		background: url(/static/assets_zk/img/picture/img-b/bg.png) no-repeat;
		background-size: auto;
		background-position: center center;
		position: relative;
	}

	.L3 .banXin {
		width: 1200px;
		margin: 0 auto;
		position: relative;
	}

	.L3 .banXin .teacher-title {
		width: 464px;
		height: 59px;
		font-size: 44px;
		font-weight: bold;
		color: #FFFFFF;
		opacity: 1;
		margin-top: 40px;
		margin-left: 360px;
		position: absolute;
	}

	.L3 .banXin .teacher-big-photo {
		width: 330px;
		height: 330px;
		background: url(/static/assets_zk/img/picture/img-b/teacherBIG.png) no-repeat;
		position: absolute;
		top: 200px;
		left: -10px;
	}

	.L3 .banXin .teacher-name {
		width: 110px;
		height: 47px;
		font-size: 36px;
		font-weight: bold;
		color: #FFFFFF;
		opacity: 1;
		position: absolute;
		left: 362px;
		top: 190px;
	}

	.L3 .banXin .teacher-brief {
		width: 663px;
		height: 24px;
		font-size: 18px;
		font-weight: bold;
		line-height: 35px;
		color: #FFFFFF;
		opacity: 1;
		position: absolute;
		left: 362px;
		top: 260px;
	}

	.L3 .banXin .teacher-para {
		width: 802px;
		height: 121px;
		font-size: 14px;
		font-weight: 400;
		line-height: 34px;
		color: #FFFFFF;
		opacity: 1;
		position: absolute;
		left: 362px;
		top: 320px;
	}

	.L3 .banXin .teacher-btn {
		width: 162px;
		height: 47px;
		background: linear-gradient(180deg, #FEC267 0%, #E84C2D 100%);
		opacity: 1;
		border-radius: 10px;
		position: absolute;
		left: 362px;
		top: 475px;
	}

	.L3 .banXin .teacher-btn .teacher-btn-inner {
		width: 122px;
		height: 21px;
		font-size: 16px;
		font-weight: 400;
		color: #FFFFFF;
		opacity: 1;
		margin-top: 10px;
		margin-left: 25px;
	}

	.L3 .banXin .teacher-bottom-bar {
		width: 1200px;
		height: 120px;
		position: absolute;
		top: 600px;
		display: flex;
		justify-content: space-between;
	}

	.L3 .banXin .teacher-bottom-bar div {
		width: 120px;
		height: 120px;
	}

	.L3 .banXin .teacher-bottom-bar .teacher-photo-1 {
		background: url(/static/assets_zk/img/picture/img-b/teacher1.png);
	}

	.L3 .banXin .teacher-bottom-bar .teacher-photo-2 {
		background: url(/static/assets_zk/img/picture/img-b/teacher2.png);
	}

	.L3 .banXin .teacher-bottom-bar .teacher-photo-3 {
		background: url(/static/assets_zk/img/picture/img-b/teacher3.png);
	}

	.L3 .banXin .teacher-bottom-bar .teacher-photo-4 {
		background: url(/static/assets_zk/img/picture/img-b/teacher4.png);
	}

	.L3 .banXin .teacher-bottom-bar .teacher-photo-5 {
		background: url(/static/assets_zk/img/picture/img-b/teacher5.png);
	}

	.L3 .banXin .teacher-bottom-bar .teacher-photo-6 {
		background: url(/static/assets_zk/img/picture/img-b/teacher6.png);
	}

	.L3 .banXin .teacher-bottom-bar .teacher-photo-7 {
		background: url(/static/assets_zk/img/picture/img-b/teacher7.png);
	}

	.L3 .banXin .teacher-bottom-bar .teacher-photo-8 {
		background: url(/static/assets_zk/img/picture/img-b/teacher8.png);
	}

	.L3 .banXin .teacher-L-arrow {
		width: 12px;
		height: 34px;
		background: #FFFFFF;
		opacity: 0.38;
		position: absolute;
		left: -80px;
		top: 645px;
	}

	.L3 .banXin .L-arrow-inner {
		width: 7px;
		height: 18px;
		background: url(/static/assets_zk/img/picture/img-b/arrow-Left.png) no-repeat;
		background-size: 100%;
		position: absolute;
		left: -78px;
		top: 655px;
	}

	.L3 .banXin .teacher-R-arrow {
		width: 12px;
		height: 34px;
		background: #FFFFFF;
		opacity: 0.38;
		position: absolute;
		right: -80px;
		top: 645px;
	}

	.L3 .banXin .R-arrow-inner {
		width: 7px;
		height: 18px;
		background: url(/static/assets_zk/img/picture/img-b/arrow-Right.png) no-repeat;
		background-size: 100%;
		position: absolute;
		right: -78px;
		top: 655px;
	}





	/* ------------------------------------多种课程班------------------------------------ */
	.L2 {
		width: 100%;
		/* height: 1000px; */
	}

	.L2 .banXin {
		width: 95%;
		margin: 0 auto;
	}

	.L2 .banXin .course-title {
		width:95%;
		height: 59px;
		font-size: 24px;
		font-weight: bold;
		line-height: 35px;
		color: #333333;
		opacity: 1;
		margin: 50px auto 30px;
	}

	.L2 .banXin .course-body {
		width: 100%;
		/* height: 400px; */
		margin: 40px auto 30px;
		/* display: flex; */
		justify-content: space-evenly;
		align-items: center;
		overflow: hidden;
	}

	.L2 .banXin .course-body .course-body-box {
		width: 49%;
		border: 3px solid #1379D1;
		opacity: 1;
		border-radius: 10px;
		position: relative;
		margin-right: 2%;
		float: left;
		box-sizing: border-box;
		margin-bottom: 24px;
	}
	.L2 .banXin .course-body .course-body-box:nth-of-type(2n+0){
		margin-right: 0px;
	}
	.L2 .banXin .course-body .course-body-box .course-box-title {
		width: 140px;
		height: 37px;
		font-size: 22px;
		font-weight: bold;
		line-height: 22px;
		text-align: center;
		color: #087CD1;
		opacity: 1;
		margin: 40px auto 20px;
	}

	.L2 .banXin .course-body .course-body-box .course-box-text-1 {
		width: 106px;
		height: 21px;
		font-size: 16px;
		font-weight: 400;
		line-height: 22px;
		color: #333333;
		opacity: 1;
		margin: 0px auto 25px;
	}

	.L2 .banXin .course-body .course-body-box .course-box-text-2 {
		width: 96px;
		height: 21px;
		font-size: 16px;
		font-weight: 400;
		line-height: 22px;
		color: #333333;
		opacity: 1;
		margin: 0px auto 25px;
	}

	.L2 .banXin .course-body .course-body-box .course-box-text-3 {
		width: 128px;
		height: 21px;
		font-size: 16px;
		font-weight: 400;
		line-height: 22px;
		color: #333333;
		opacity: 1;
		margin: 0px auto 25px;
	}

	.L2 .banXin .course-body .course-body-box .course-box-text-4 {
		width: 128px;
		height: 21px;
		font-size: 16px;
		font-weight: 400;
		line-height: 22px;
		color: #333333;
		opacity: 1;
		margin: 0px auto 25px;
	}



	.L2 .banXin .course-body .course-body-box .course-box-btn {
		width: 171px;
		max-width: 100%;
		height: 46px;
		border: 2px solid #1379D1;
		opacity: 1;
		border-radius: 28px;
		margin: 50px auto;
		display: flex;
	}

	.L2 .banXin .course-body .course-body-box .course-box-btn .course-box-btn-icon {
		margin-top: auto;
		margin-bottom: auto;
		margin-left: 28px;
	}

	.L2 .banXin .course-body .course-body-box .course-box-btn .course-box-btn-word {
		width: 80px;
		height: 21px;
		font-size: 16px;
		font-weight: 400;
		line-height: 22px;
		color: #087CD1;
		opacity: 1;
		margin-top: auto;
		margin-bottom: auto;
		margin-left: 8px;
		cursor: pointer;

	}


	.L2 .banXin .course-footer {
		width: 100%;
		/* height: 248px; */
		background: #F8F9FB;
		opacity: 1;
		border-radius: 10px;
		margin: 0 auto 40px;
		/* position: relative; */
	}

	.L2 .banXin .course-footer .course-footer-btn {
		border: 0;
		color: #fff;
		width: 94%;
		height: 42px;
		background: linear-gradient(180deg, #FEC267 0%, #E84C2D 100%);
		opacity: 1;
		border-radius: 6px;
		margin: 0 auto;
		margin: 12px auto 20px;
		cursor: pointer;
	}

	.L2 .banXin .course-footer .course-footer-btn div {
		width: 65px;
		height: 21px;
		font-size: 16px;
		font-weight: 400;
		color: #FFFFFF;
		opacity: 1;
		margin: 20px auto;
		padding-top: 9px;
	}

	.L2 .banXin .course-footer .course-footer-title {
		width: 100%;
		text-align: center;
		font-size: 22px;
		font-weight: 400;
		color: #191919;
		opacity: 1;
		
		padding-top: 25px;
	}

	.L2 .banXin .course-footer .course-footer-input-box {
	
		width: 100%;
	
		justify-content: space-around;
		padding-top: 25px;
	}

	.L2 .banXin .course-footer .course-footer-input-box .course-input-left {
		width: 184px;
		height: 38px;
		border: 1px solid #909091;
		opacity: 1;
		border-radius: 6px;
	}

	.L2 .banXin .course-footer .course-footer-input-box .course-input-left-1 div {
		width: 65px;
		height: 21px;
		font-size: 16px;
		font-weight: 400;
		color: #999999;
		opacity: 1;
		margin-top: 5.8px;
		margin-left: 10px;
	}

	.L2 .banXin .course-footer .course-footer-input-box .course-input-left-2 div {
		width: 82px;
		height: 21px;
		font-size: 16px;
		font-weight: 400;
		color: #999999;
		opacity: 1;
		margin-top: 5.8px;
		margin-left: 10px;
	}

	.L2 .banXin .course-footer .course-footer-input-box .course-input-right {
		width: 160px;
		height: 38px;
		border: 1px solid #909091;
		opacity: 1;
		border-radius: 6px;
		display: flex;
	}

	.L2 .banXin .course-footer .course-footer-input-box .course-input-right .arrow-img {
		width: 10.7px;
		height: 5.6px;
		background: url(/static/assets_zk/img/picture/img-b/arrow-Down.png) no-repeat;
		background-size: auto;
	}

	.L2 .banXin .course-footer .course-footer-input-box .course-input-right-1 div {
		width: 32px;
		height: 21px;
		font-size: 16px;
		font-weight: 400;
		color: #999999;
		opacity: 1;
		margin-top: 5.8px;
		margin-left: 10px;
	}

	.L2 .banXin .course-footer .course-footer-input-box .course-input-right-2 div {
		width: 32px;
		height: 21px;
		font-size: 16px;
		font-weight: 400;
		color: #999999;
		opacity: 1;
		margin-top: 5.8px;
		margin-left: 10px;
	}




	/* ------------------------------------底部------------------------------------ */
	footer {
		width: 100%;

		background: url(/static/assets_zk/img/picture/img-b/bottom-Bg.png) no-repeat;
		background-size: auto;
		position: relative;
		background-position: center center;
		background-size: 100% 100%;
	}

	footer .banXin {
		width: 100%;
		
	}

	footer .banXin .footer-box {
	
		width: 95%;
		margin:0 auto;
	}

	footer .banXin .footer-box .footer-box-left {
		display: none;
	}


	/* footer .banXin .footer-box .footer-box-right {
		
	} */

	footer .banXin .footer-box .footer-box-right .box-right-box {
		width: 100%;
		
		padding: 50px 0px 80px;
		
	}

	footer .banXin .footer-box .footer-box-right .box-right-box .box-right-bar {
		width: 276px;
		height: 8px;
		background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
		opacity: 1;
		border-radius: 0px;
	}

	footer .banXin .footer-box .footer-box-right .box-right-box .box-right-title {
		width: 100%;
		font-size: 20px;
		font-weight: bold;
		line-height: 41px;
		color: #FFFFFF;
		margin-top: 62px;
	}

	footer .banXin .footer-box .footer-box-right .box-right-box .box-right-text {
		width: 342px;
		height: 35px;
		font-size: 26px;
		font-weight: 400;
		line-height: 41px;
		color: #FFFFFF;
		margin-top: 10px;
	}

	footer .banXin .right-bottom {
		width: 291px;
		height: 42px;
		background: #128FCF;
		opacity: 1;
		border-radius: 0px;
		display: flex;
		position: fixed;
		right: 0;
		bottom: 0;
	}

	footer .banXin .right-bottom .consult-icon {
		height: 100%;
		width: 20%;
		border-right: 1px solid rgba(255, 255, 255, 0.33);
		background: url(/static/assets_zk/img/picture/img-b/consult-white.png) no-repeat;
		background-size: auto;
		background-position: center;
		display: inline-block;
	}

	footer .banXin .right-bottom .text-box {
		width: 56px;
		height: 19px;
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
		color: #FFFFFF;
		opacity: 1;
		margin-left: 15px;
		margin-top: 11px;
	}

	.mast-box {

		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background-color: rgba(000, 000, 000, 0.6);
		display: none;
		padding-top: 60px;
	}

	.mast-close {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 20px;
	}

	.mast-conten {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	/* .mast-left-image {} */

	.mast-right-box {
		border-radius: 17px;
		background-image: url(/static/assets_zk/img/picture/mast-bg.png);
		width: 520px;
		height: 585px;
		background-color: #fff;
		display: flex;
		align-items: center;
		flex-direction: column;
	}

	.mast-right-top {
		width: 250px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 310px;
	}

	.mast-right-image {
		width: 55px;
		height: 55px;
	}

	.mast-right-text {
		font-size: 22px;
		color: #FCE676;
	}

	.mast-bot-box {
		border: 0;
		width: 316px;
		height: 46px;
		background: linear-gradient(360deg, #F8C136 0%, #FFEFBE 100%);
		box-shadow: 0px 4px 19px rgba(248, 196, 62, 0.4);
		border-radius: 58px;
		color: #FFFFFF;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
	}

	.mast-bot-text {
		font-size: 16px;
		font-weight: bold;
		color: #fff;
		border: 0;
		background: rgba(000, 000, 000, 0);
	}

	.mast-border-image {
		margin-left: 8px;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 19px;
		height: 19px;
		background: #FFFFFF;
		border-radius: 50%;
	}

	.mast-right-conten {
		margin-top: 20px;
	}

	.mast-input-box {
		margin-top: 10px;
		width: 258px;
		height: 33px;
		background: #FFFFFF;
		opacity: 1;
		border-radius: 6px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 20px;
	}


	.mast-skills-box {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 20px;
		width: 300px;
	}

	.mast-input {
		width: 100px;
		height: 35px;
		background: #FFFFFF;
		border-radius: 6px;
		border: 0px solid #CECBCB;
		padding-left: 8px;
	}

	/* 备考 */
	.bk-title {
		margin-bottom: 20px;
		font-size: 24px;
		font-weight: bold;
		color: #333333;
	}

	.bk-ul-box {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		margin: 15px 0px 30px 0px;

	}

	.bk-li-box:hover {
		width: 274px;
		height: 326px;
		background: #FFFFFF;
		box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
		border-radius: 10px;
	}

	.bk-li-box {
		margin: 10px 1.5%;
		width: 47%;
		max-height: 300px;
		background: #FFFFFF;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.bk-image {
		width: 77px;
		height: 77px;
	}

	.bk-text {
		text-align: center;
		font-size: 14px;
		color: #666666;
		line-height: 25px;
	}

	.bk-h2-title {
		margin: 20px 0 10px 0;
		font-size: 15px;
	}

	.inputStyle {
		width: 94%;
		height: 38px;
		border: 0px solid #909091;
		border-radius: 6px;
		background-color: #ffffff;
		margin-left: 3%;
		text-indent: 1rem;
		margin-bottom: 8px;
	}

	.inputStyle-a {
		width: 94%;
		height: 38px;
		background-color: #ffffff;
		border: 0px solid #909091;
		border-radius: 6px;
		margin-left: 3%;
		text-indent: 1rem;
		margin-bottom: 8px;
	}

	input:focus {
		border: 0px solid #909091;
		outline: none;
	}

	.news-left {
		margin: 10px 0;
		padding: 5px 20px 5px 20px;
		width: 100%;
		border-radius: 6px;
	}

	.news-right {
		width: 490px;
		padding-bottom: 20px;
		margin-left: 15px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.left-title-box {
		display: flex;
		align-items: center;
		height: 50px;
		margin-bottom: 10px;
	}

	.title-ul {
		padding: 0;
		display: flex;
	}

	.title-li {
		font-size: 14px;
		color: #333;
		margin-left: 30px;
	}

	.title-li-z {
		font-size: 14px;
		display: flex;
		flex-direction: column;
		margin-left: 30px;
		color: #1C8CCE;
		align-items: center;
	}

	.span-border {
		width: 30px;
		border-top: 2px solid #1C8CCE;
	}

	.banner-con {
		width: 100%;
		height: 210px;
		margin-bottom: 20px;
	}

	.news-box>ul>li {
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px #eff0f1 dashed;
	}

	.news {
		display: flex;
	}

	.news-image {
		width: 136px;
		height: 77px;
	}

	.news-text-box {
		margin-left: 15px;
	}

	.news-text-title {
		padding: 0;
		margin: 0;
		font-size: 14px;
		color: #333333;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}

	.news-text {
		margin: 0;
		padding: 0;
		font-size: 14px;
		font-weight: 400;
		color: #666666;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	ul {
		margin: 0;
		padding: 0;
	}

	.right-top-box {
		display: flex;
		align-items: center;
		width: 100%;
	}

	.right-border {
		border-left: #1C8CCE 4px solid;
		height: 21px;
		margin-right: 20px;
	}

	.right-title {
		font-size: 20px;
		font-weight: bold;
		color: #191919;
		margin-right: 20px;
	}

	.right-title-box {
		background-color: #ff5b39;
		width: 128px;
		height: 21px;
		border-radius: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.text {
		font-size: 12px;
		font-weight: bold;
		color: #FFFEEB;
	}

	.right-icon-yin {
		margin-left: 3px;
		width: 12px;
		height: 13px;
	}

	.banner-box {
		width: 290px;
		height: 150px;
	}

	.top-but-box {
		margin-top: 10px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 290px;
	}

	.top-title {
		font-size: 14px;
		font-weight: 400;
		color: #191919;
	}

	.top-zhibo-box {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.top-zb {
		font-size: 12px;
		font-weight: 400;
		color: #D03A30;
	}

	.top-icon-zb {
		margin-right: 5px;
		width: 14px;
		height: 14px;
	}

	.left-ul-box {

		width: 320px;
	}

	.left-li-one {
		border-bottom: 1px #eff0f1 dashed;
		margin-bottom: 20px;
		padding: 0 15px 10px 0;
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}

	.left-js-box {
		margin-left: 10px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.left-tx-image {
		width: 55px;
		height: 55px;
	}

	.js-title {
		font-size: 16px;
		font-weight: 400;
		color: #191919;
	}

	.js-text {
		font-size: 14px;
		font-weight: 400;
		color: #666666;
	}

	.ck-text {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 14px;
		color: #1C8CCE;
		width: 46px;
		height: 25px;
		border: 1px solid #238ACE;
		border-radius: 14px;
	}

	.ksdh-ul-box {
		width: 290px;
	}

	.ksdh-li-box {
		padding: 0 20px;
		height: 50px;
		background: #F8F9FB;
		border-radius: 6px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 20px;
	}

	.ksdh-left-box {
		display: flex;
	}

	.ksdh-image {
		width: 25px;
		height: 23px;
	}

	.ksdh-text {
		font-size: 16px;
		margin-left: 30px;
		font-weight: 600;
		color: #191919;
	}

	.ksdh-left {
		width: 7px;
		height: 12px;
	}

	a {
		color: #128fcf;
	}

	a:hover {
		color: #0b6491;
	}

	li {
		cursor: pointer;
	}

	button {
		cursor: pointer;
	}

	/* 讲师介绍,引路人 */
	.jsjs-bg {
		width: 100%;
		/* height: 780px; */
		background-image: url(/static/assets_zk/img/picture/img-b/bg.png);
		background-size: 100% 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.jsjs-conten {
		width: 95%;
		height: 100%;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
	}

	.jsjs-title {
		letter-spacing: 8px;
		color: #fff;
		margin: 40px 0 15px;
		padding: 0;
		font-size: 24px;

	}

	.jsjs-banner-box {
		/* display: flex; */
		padding: 0 25px;
		margin-top: 10px;
		text-align: center;
	}

	.jsjs-right-image {
		
		max-width: 100%;
		border-radius: 10px;
	}

	.jsjs-right-box {
		display: flex;
		flex-direction: column;
		
	}

	/* .jsjs-name p{
		display: none;
	} */
	.jsjs-p{
		display: none;
	}
	.jsjs-neme-text {
		margin: 12px;
		padding: 0;
		font-size: 22px;
		line-height: 28px;
		color: #F4F6FA;
		margin-right: 20px;
	}

	.jsjs-border {
		width: 53px;
		height: 5px;
		background: #FFFFFF;
		border-radius: 4px;
	}

	.jsjs-text {
		margin-bottom: 20px;
		font-size: 17px;
		color: #FFFFFF;
		min-height: 60px;
	}

	.jsjs-p {
		letter-spacing: 2px;
		line-height: 2;
		font-size: 14px;
		color: #F4F6FA;
	}

	.jsjs-bottom-box {
		width: 100%;
		display: flex;
		align-items: center;
		margin: 25px 0px 40px;
	}

	.jsjs-icon-jiantou {
	
		display: none;
	}

	.jsjs-icon-jiantou-you {
	
		display: none;
	}

	.jsjs-jt-image {
		width: 15px;
		height: 26px;
	}

	.jsjs-icon-con {
		width: 100%;
	}

	.jsjs-icon-ul {
		overflow: hidden;
		justify-content: space-between;
		align-items: center;
		width: 100%;
	}


	.jsjs-icon-li-1 {
		float: left;
		width: 24%;
		margin-right: 1.333333%;
		height: 125px;
		position: relative;
		margin-bottom: 12px;
	}
	.jsjs-icon-li-1:nth-of-type(4n+0){
		margin-right: 0px;
	}
	.jsjs-icon-li-1:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #000000;
		opacity: .5;
		border-radius: 10px;
	}

	.jsjs-icon-li-1:hover::after {
		opacity: 0;
	}

	.jsjs-icon-li-1-after:after {
		opacity: 0 !important;
	}

	.jsjs-icon-li-1>img {
		width: 100%;
		height: 100%;
		border-radius: 10px;
	}

	.d-none-mast {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		z-index: 99;
		width: 120px;
		height: 120px;
		background-color: rgba(000, 000, 000, 0.5);
		border-radius: 10px;
	}

	.d-none {
		display: none;
	}

	select:focus {
		outline: none;
	}

	.select-box select {
		border: 0;
		background-color: rgba(000, 000, 000, 0);
	}

	option {
		border: 1px solid #000;
	}	
}